<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页_个人博客 - 一个基于Flask的个人博客网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/static/home/css/base.css" rel="stylesheet">
    <link href="/static/home/css/index.css" rel="stylesheet">
    <link href="/static/home/css/m.css" rel="stylesheet">
    <script src="/static/home/js/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/home/js/comm.js"></script>
    <!--[if lt IE 9]>
    <script src="/static/home/js/modernizr.js"></script>
    <![endif]-->
</head>
<body>
<header class="header-navigation" id="header">
    <nav>
        <div class="logo"><a href="https://www.baidu.com">期待26年美加墨世界杯罗哥加冕称王</a></div>
        <h2 id="mnavh"><span class="navicon"></span></h2>
        <ul id="starlist">
            <li><a href="/index/">网站首页</a></li>
            <li><a href="/photos/">我的相册</a></li>
            <li><a href="/article/">我的日记</a></li>
            <li><a href="/about/">关于我</a></li>
        </ul>
    </nav>
</header>
<article>
    <aside class="l_box">
        <div class="about_me">
            <h2>关于我</h2>
            <ul>
                <i><img src="/static/home/photos/CR7.png"></i>
                <p>
                    <b>刘威</b>，一个00后程序员！Java后端程序员出身，第一份工作是在滴滴写IOS，最后做回了后端。目前在研究一些ai的项目。同时也是一名c罗球迷。
                </p>
            </ul>
        </div>
        <div class="wdxc">
            <h2>我的相册</h2>
            <ul>
                 {% for photo in photos %}
                	<li><a href="#"><img src="{{ photo.url }}"></a></li>
                {% endfor %}
            </ul>
        </div>
        <div class="search">
            <form action="" method="post" name="searchform" id="searchform">
                <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字词"
                       style="color: rgb(153, 153, 153);"
                       onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}"
                       onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
                <input name="show" value="title" type="hidden">
                <input name="tempid" value="1" type="hidden">
                <input name="tbname" value="news" type="hidden">
                <input name="Submit" class="input_submit" value="搜索" type="button">
            </form>
        </div>
        <div class="fenlei">
            <h2>文章分类</h2>
            <ul>
                {% for category in categorys %}
                	<li><a href="https://image.baidu.com/search/index?tn=baiduimage&fm=result&ie=utf-8&word=c%E7%BD%97">{{ category.name }}</a></li>
                {% endfor %}
            </ul>
        </div>
        <div class="tuijian">
            <h2>推荐</h2>
            <ul>
                {% for command in commands %}
                	<li><a href="https://upimg.baike.so.com/doc/2322405-2456514.html">{{ command.name }}</a></li>
                {% endfor %}
            </ul>
        </div>
        <div class="links">
            <h2>友情链接</h2>
            <ul>
                <a href="https://www.nowcoder.com/users/637986124">牛客网账号</a> <a href="https://gitee.com/su27sk">技术仓库链接</a>
            </ul>
        </div>
        <div class="guanzhu">
            <h2>关注我 </h2>
            <ul>
                <img src="/static/home/images/liuweiWx.jpg">
            </ul>
        </div>
    </aside>
    <main class="r_box">
        <ul>
            {% for article in articles %}
                {% if article.category_id == 2 %}
                    <li>
                    <i><a href='https://tieba.baidu.com/f?kw=%E7%9A%87%E5%AE%B6%E9%A9%AC%E5%BE%B7%E9%87%8C%E5%90%A7'><img src="{{ article.img }}"></a></i>
                    <h3><a href='https://tieba.baidu.com/f?kw=%E7%9A%87%E5%AE%B6%E9%A9%AC%E5%BE%B7%E9%87%8C%E5%90%A7'> {{ article.name }}</a></h3>
                    <p> {{ article.content }} </p>
                    </li>
                {% else %}
                    <li>
                    <i><a href='#'><img src="{{ article.img }}"></a></i>
                    <h3><a href=#> {{ article.name }}</a></h3>
                    <p> {{ article.content }} </p>
                    </li>
                {% endif %}
            {% endfor %}
        </ul>

    </main>
</article>
<footer>
    <p>Design by <a href="https://www.nowcoder.com/users/637986124" target="_blank">牛客网个人账号博客 </a>
    </p>
</footer>
<a href="#" class="cd-top">Top</a>
</body>
</html>
